/** @type {import('tailwindcss').Config} */
module.exports = {
  // 添加需要分析的文件路径
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      /**
       * 自定义颜色是TailwindCSS中常见的需求，可以通过更新tailwind.config.js文件中的theme对象来实现。这允许你定义全局的颜色变量，使用时可以像text-primary那样引用。
       */
      // 自定义背景色和文本颜色类名
      colors: {
        primary: "#0070f3", // 自定义主色调
        secondary: "#f7fafc", // 自定义辅助色
      },
      // 调整TailwindCSS的默认配置
      fontSize: {
        sm: ".875rem", // 自定义字体大小
        lg: "1.25rem", // 自定义字体大小
      },
      spacing: {
        16: "4rem", // 自定义间距
      },
    },
  },
  plugins: [],
};
